<@main_macros.mobileShopHeader title="水果团"/>
  <body>

    <!-- Make sure all your bars are the first things in your <body> -->
    <header class="bar bar-nav">
		<a class="icon icon-left-nav pull-left" href="${ctx?if_exists}/mobile/wxshop/info"
			data-transition="slide-out"></a> 
		<a href="${ctx?if_exists}/mobile/wxshop/formTuan" data-transition="slide-in" class="icon icon-compose pull-right"></a>
      <h1 class="title">团购列表</h1>
    </header>
	
    <!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
    <div class="content">
      <div class="card">
        <ul class="table-view">
        <#list page.list as tuan>
          <li class="table-view-cell">
            <a class="push-right"  href="${ctx?if_exists}/mobile/wxshop/formTuan?tuan.id=${tuan.tuanId}"  data-transition="slide-in">
				<div class="media-body">
      			<strong>${tuan.tuanTitle?if_exists}</strong>
        			<p>${tuan.tuanRemark?if_exists}</p>
      			</div>
            </a>
          </li>
         </#list>
        </ul>
      </div>
	</div>
	
  </body>
  <script>
	function submitForm(){
		document.querySelector("#wxshopForm").submit();
	}	
  </script>
</html>